<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/inc_head.html"; ?>
<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/layout/layoutA_1.html"; ?>

<!-- service-con -->
<div class="service-con">

	<script type="text/javascript">
	$(document).ready(function(){
		bsUI.bannerTabFunc();
	});
	</script>
	<style type="text/css">
.js-banner-tab {position:relative}
.js-banner-tab ul {height:150px}
.js-banner-tab li {float:left;margin:5px 0 0 5px;}
.js-banner-tab li > h5 {position:relative;z-index:100;cursor:pointer;width:20px;height:20px;line-height:0;font-size:0;padding:0;background:gray}
.js-banner-tab li > h5.on {background:red}
.js-banner-tab .js-banner-con {position:absolute; left:0; top:0; z-index:0;width:100%;height:100px;padding:50px 0 0 0;border:1px solid gray;background:#fff}
.js-banner-tab .control-btns {position:absolute;right:10px;top:10px;z-index:1}
.js-banner-tab .control-btns .btn {height:20px;line-height:20px;padding:0 5px;border:1px solid gray}
.js-banner-tab .control-btns .stop {display:none}
	</style>

	<h5>배너2</h5>
	<div class="js-banner-tab clearfix">
		<ul>
			<li><h5><span class="hidden">첫번째 배너</span></h5>
				<div class="js-banner-con"><a href="#none" title="">내용1</a></div>
			</li>
			<li><h5><span class="hidden">두번째 배너</span></h5>
				<div class="js-banner-con"><a href="#none" title="">내용2</a></div>
			</li>
			<li><h5><span class="hidden">세번째 배너</span></h5>
				<div class="js-banner-con"><a href="#none" title="">내용3</a></div>
			</li>
		</ul>
	</div>

	<h5>배너2</h5>
	<div class="js-banner-tab clearfix">
		<ul>
			<li><h5><span class="hidden">첫번째 배너</span></h5>
				<div class="js-banner-con"><a href="#none" title="">내용1</a></div>
			</li>
			<li><h5><span class="hidden">두번째 배너</span></h5>
				<div class="js-banner-con"><a href="#none" title="">내용2</a></div>
			</li>
			<li><h5><span class="hidden">세번째 배너</span></h5>
				<div class="js-banner-con"><a href="#none" title="">내용3</a></div>
			</li>
		</ul>
	</div>

	<h5>배너2</h5>
	<div class="js-banner-tab clearfix">
		<ul>
			<li><h5><span class="hidden">첫번째 배너</span></h5>
				<div class="js-banner-con"><a href="#none" title="">내용1</a></div>
			</li>
			<li><h5><span class="hidden">두번째 배너</span></h5>
				<div class="js-banner-con"><a href="#none" title="">내용2</a></div>
			</li>
			<li><h5><span class="hidden">세번째 배너</span></h5>
				<div class="js-banner-con"><a href="#none" title="">내용3</a></div>
			</li>
		</ul>
		<div class="control-btns">
			<a href="#none" class="btn prev">이전</a>
			<a href="#none" class="btn play">재생</a><a href="#none" class="btn stop">정지</a>
			<a href="#none" class="btn next">다음</a>
		</div>
	</div>

</div><!-- //service-con -->

<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/layout/layoutA_2.html"; ?>